<?php
/**
 * Created by PhpStorm.
 * User: Pico_Dragon
 * Date: 14/12/2014
 * Time: 23:53
 */
include '../../db/dbConnect.php';

?><br>
<div class="userTop w100p"><h2 class="h">Quản lí thành viên</h2></div>
<div class="userList w100p left">
    <div class="w100p head">
        <h3 class="h">Danh sách thành viên của hệ thống</h3><br>
        <div class="search w60p left ">
            <form id="uSearch">
                <ul class="w100p">
                    <li><input type="submit" class="btn" value="Tìm kiếm" /></li>
                    <li class="w25p"><input type="text" name="keyword" class="inputSearch w100p" id="keyword" placeholder="Tìm theo tên tài khoản/email..." /> </li>
                    <li><select name="permit">
                        <option value="0" selected>Thành viên</option>
                        <option value="1" >Quản trị viên</option>
                    </select>
                    </li>
                    <li><select name="online">
                        <option value="1" slected>Trực tuyến</option>
                        <option value="0" >Vắng</option>

                    </select></li>
                    <li><select name="active">
                        <option value="1" slected>Hoạt động</option>
                        <option value="0" >Đang khóa</option>
                        <option value="2" >Chờ kích hoạt</option>

                    </select></li>
                    <li><label><input type="reset" class="btn" id="resetBtn" value="   " /></label></li>
                </ul>

            </form></div>
        <div class="ctrlbar right w35p tr">
            <ul>
                <li><button id="add" class="btn icon-add" title="Tạo mới một tài khoản">Thêm mới</button></li>
                <li><button id="multi-active"  num="0" full="0" class="btn icon-del" title="Khóa/Kích hoạt lại">Khóa nhiều</button></li>
                <li><button id="multi-del" num="0" full="0" class="btn icon-del" title="Chọn các bản ghi để xóa">Xóa nhiều</button></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="result"> </div>
    <div id="tbList">
    <?php include "userSearch.php"; ?>
    </div>



</div>
<script type="text/javascript">
    $("form#uSearch").on('submit',function(e){
        e.preventDefault();
        var data=$(this).serialize();
        if(data){
            $("#tbList").load("web/admin/userSearch.php?"+data);
            $("#multi-del").attr('full','0');
            $("#multi-del").attr('num','0');
        }
    });
    $("#resetBtn").on('click',function(e){
        $("#tbList").load("web/admin/userSearch.php");
        $("#multi-del").attr('full','0');
        $("#multi-del").attr('num','0');
    });

    $("#add").bind('click',function(e){
        e.preventDefault();
        $(".fade").hide().load("web/admin/userNew.php").show();
    })
    $('.close').bind('click', function (e) {
        $(".fade").fadeOut();
    })

    function checkInput($element){
        ok=true;
        var vl=$element.val();
        if(!vl){
            $element.addClass('warning');
            $(".result").hide().text("Vui lòng nhập đầy đủ các thông tin bắt buộc!").slideDown();
            ok=false;
        }
        if ($element.hasClass('warning') && vl) {
            $element.removeClass('warning');
            ok=true;
        }
        return ok;
    }

    function checkInputOnchange(){

        $("input.req").on('keyup',function(){
            checkInput($(this));
        });
    }

    checkInputOnchange();

    $("#singup1Form").on("submit",function(e){
        e.preventDefault();
        var ok=true, text='', error=false, success=false;

        $("input.req").each(function(){
            check=checkInput($(this));
            if(!check) ok=false;
        })
        if(ok)
            $.ajax({
                url:"web/singup_controller.php",
                type:"post",
                data:$(this).serialize(),
                success:function(result){
                    if(result){
                        switch (result) {
                            case 'success': {
                                text="Tài khoản của bạn đã được tạo thành công! Hãy đăng nhập và tìm ra một nửa của bạn ngay hôm nay!!!";
                                success=true;
                                break;
                            }
                            case 'duplicate':{
                                text="Rất tiếc, email của bạn đã được sử dụng, hãy nhập một email khác!";
                                $("#email").addClass('warning');
                                break;
                            }
                            case 'error':{
                                text="Xảy ra lỗi trong quá trình tạo tài khoản, hãy thực hiện lại nhé!";

                                error=true;
                                break;
                            }
                        }
                        if(success || error){
                            alert(text);
                            window.location.reload(true);
                        }else
                            $(".result").hide().text(text).slideDown();
                    }
                }


            })
    })
</script>